<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Soiseek</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
	<!--#GWJ# pin 网站到win7任务栏的meta 声明, 下面的文字显示在pin的那一栏中-->
	<meta name="application-name" content="欢迎使用Soiseek" />
	<link rel="icon" href="/img/favicon.ico" type="image/x-icon" />
<link href="css/jslider.css" rel="stylesheet" type="text/css" />
<!--#THOMAS#调用css3按钮样式-->
<link href="css/css3buttons.css" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" type="text/css" href="index.css" />
	<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script> 
	<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="js/jquery.hoverIntent.js"></script>
	<script type="text/javascript" src="js/respond.src.js"></script>
<script type="text/javascript" src="js/scrolling.js"></script>
	<script type="text/javascript" src="js/jquery.columnlayout.src.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/validate.js"></script>
<script type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="js/searchmainscreenning.js"></script>
<script type="text/javascript" src="js/TextAreaExpander.js"></script>


<script type="text/javascript">
//#GWJ#参数接口
//#GWJ#通知栏显示状态 1-显示 0-隐藏
	var showNotice = 0; 
</script>

	<!--[if IE 6]> 
	<link rel="stylesheet" type="text/css" href="css/ie6.css" />
	<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js"></script>
	<script type="text/javascript">
	/*-------------#QYHD#IE6兼容PNG透明图片----------------*/
	DD_belatedPNG.fix('#popup .tabs #close,img');
DD_belatedPNG.fix('#preview_bar #close,img');
DD_belatedPNG.fix('#noticebar .noticebar-close,img');
	DD_belatedPNG.fix('#header h1#logo a,img');
	</script>
	<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie7.css" />
<![endif]-->
</head>

<body>
	<div id="shade"></div>
	<!--#ZEEVIN#登录弹出窗口-->
	<div id="popup">
	  <div class="tabs">
		<ul>
		  <li class="tab current">合作网站账号登录</li>
		  <li class="tab">E-mail邮箱登录</li>
		  <li class="tab">注册</li>
		</ul>
		<div id="close">关闭</div>
	  </div>
      <div class="clear"></div>
	  <!--#QYHD#合作登录-->
	  <div class="tab_content" id="third-party">
		<p>您可以通过以下网站的帐号登录到本站</p>
		<p> 
	<ul class="clearfix">
            <li><a href="#" title="新浪微博登录" style="margin-right:4px;"><img src="img/icons/sinaweibo.png"/></a> <h2> <a href="#">新浪微博<br/> 登录</a></h2></li>
            <li><a href="#" title="QQ登录" style="margin-right:4px;"><img src="img/icons/qq.png"/></a><h2> <a href="#">QQ<br/> 登录</a></h2></li>
            <li><a href="#" title="网易登录" style="margin-right:4px;"><img src="img/icons/weibo.png"/></a><h2><a href="#"> 网易<br/> 登录</a></h2></li>     
            <li><a href="#" title="Google登录" style="margin-right:4px;"><img src="img/icons/google.png"/></a><h2> <a href="#">Google<br/> 登录</a></h2></li>     
            <li><a href="#" title="百度登录" style="margin-right:4px;"><img src="img/icons/baidu.png"/></a><h2> <a href="#">百度<br/> 登录</a></h2></li>     
            <li><a href="#" title="人人网登录" style="margin-right:4px;"><img src="img/icons/renren.png"/></a><h2> <a href="#">人人网<br/> 登录</a></h2></li>     
            <li><a href="#" title="支付宝登录" style="margin-right:4px;"><img src="img/icons/alipay.png"/></a><h2> <a href="#">支付宝<br/> 登录</a></h2></li>     
     		</ul>
		</p>
	  </div>
	  <!--#QYHD#EMAIL登录-->
	  <div class="tab_content clearfix" id="email">
		<form class="clearfix">
		  <div id="email_login">
			<dl>
			  <dt>E-mail</dt>
			  <dd>
				<input type="text" name="login_email" id="login_email" class="login_input" />
			  </dd>
			</dl>
			<dl>
			  <dt>密码</dt>
			  <dd>
				<input type="text" name="login_password" id="login_password" class="login_input" />
			  </dd>
			</dl>
		  </div>
		  <div id="email_btn">
			<input type="submit" name="login_btn" id="login_btn" class="login_btn btn" value="登录" />
		  </div>
		</form>
		<span id="forget_link"><a href="#">忘记密码？</a></span> <span id="register_link"><a href="#">注册</a></span> </div>
	  <!--#QYHD#注册，以下表单中的各项ID值，均在common.js中绑定了事件，如果要更换ID，需要同时替换JS中的相应处-->
	  <div class="tab_content" id="register">
		<p>请输入你的E-mail邮箱地址：</p>
		<p>
		<form action="" name="register_form" method="post">
		  <lab for="register_input">E-mail</lab>
		  <input type="text" id="register_input" name="register_input" class="login_input register_input" />
		  <input type="submit" name="register_btn" id="register_btn" class="register_btn btn" value="注册" />
		</form>
		</p>
		<div id="error">请输入正确的邮箱地址</div>
	  </div>
	</div>
	<!--#ZEEVIN#修改密码弹出窗口-->
	<div id="popup" class="pwd_flow" style="display: none;">
		<div class="tabs">
			<ul>
				<li class="tab current">更改E-mail账号密码</li>
			</ul>
			<div id="close"  class="pwd_close_flow">关闭</div>
		</div>
		<div class="tab_content1" id="changepassword">
			<form action="" id="changepassword_form" name="register_form" method="post">
				<dl>
					<dt>用户名 </dt>
					<dd>caokang@foxmail.com</dd>
				</dl>
				<dl>
					<dt>旧密码</dt>
					<dd>
						<input title="旧密码" validator="required"  type="password" name="old_password" id="old_pwd"
							class="login_input validate" />
						
					</dd>
				</dl>
				<dl>
					<dt>新密码</dt>
					<dd>
						<input  title="新密码" validator="min_6|num_alpha|required"  type="password" name="pwd" id="pwd"
							class="login_input validate" />
					</dd>
				</dl>
				<dl>
					<dt>确认密码</dt>
					<dd>
						<input title="确认密码" validator="min_6|num_alpha|required"  type="password" name="re_pwd" id="re_pwd"
							class="login_input validate" />
					</dd>
				</dl>
				<input type="button"  id="change_btn" class="change_btn btn validate_check" value="更改密码" />
			</form>
		</div>
	</div>
	<!-- #ZEEVIN#一键关注区 -->
<div id="popup" class="focus_one" style="display:none;">
		<div class="tabs">
			<ul>
				<li>关注微博</li>
			</ul>
			<div id="close" class="focus_close_flow">关闭</div>
		</div>
		<div class="tab_content1" id="weibofocus">
			<h2>Soiseek电子新闻</h2>
			<p class="word_intro">7*24滚动播出业界新闻，关注我，电子圈一手掌握！</p>
			<ul class="clearfix">
				<li>
				<p><a href="http://weibo.com/soiseek" target="_BLACK"><img src="img/icons/sinaweibob.png" /></a> </p>
					<span><a href="http://weibo.com/soiseek" target="_BLACK">新浪微博</a></span><br /> 
					<iframe width="63" height="24" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" scrolling="no" border="0" src="http://widget.weibo.com/relationship/followbutton.php?language=zh_cn&width=63&height=24&uid=1642909335&style=1&btn=red&dpc=1"></iframe>
				</li>

				<li><p><a href="http://t.qq.com/soiseek" target="_BLACK"><img src="img/icons/qqb.png" /></a></p>
					<span><a href="http://t.qq.com/soiseek" target="_BLACK">腾讯微博</a></span><br /> 
					<iframe src="http://follow.v.t.qq.com/index.php?c=follow&a=quick&name=caokang&style=5&t=1340940426561&f=0" frameborder="0" scrolling="auto" width="125" height="24" marginwidth="0" marginheight="0" allowtransparency="true"></iframe>
				</li>

				<li><p><a href="http://t.163.com/soiseek" target="_BLACK"><img src="img/icons/weibob.png" /></a></p> 
				<span><a href="http://t.163.com/soiseek" target="_BLACK">网易微博</a></span><br /> 
					<iframe frameborder="0" width="80" height="24" src="http://api.t.163.com/friendships/follow_button?style=1&color=red&user_id=654506256017388210" scrolling="no"></iframe></li>
			</ul>
			<hr />
			<h2>Soiseek技术专区（新浪微博）</h2>
			<p class="word_intro">关注专业领域技术动态，市场趋势，产品新闻</p>
			<ul class="clearfix">
				<li><p><a href="http://weibo.com/ledseek" target="_BLACK"><img src="img/icons/led.png"  /></a></p>
					<span><a href="http://weibo.com/ledseek" target="_BLACK">Soiseek光电专区</a></span><br /> <iframe width="63" height="24"frameborder="0" allowtransparency="true" marginwidth="0"marginheight="0" scrolling="no" border="0" src="http://widget.weibo.com/relationship/followbutton.php?language=zh_cn&width=63&height=24&uid=1642909335&style=1&btn=red&dpc=1"></iframe>
				</li>

				<li><p><a href="http://weibo.com/rfidseek" target="_BLACK"><img src="img/icons/rfid.png" /></a></p>
					<span><a href="http://weibo.com/rfidseek" target="_BLACK">Soiseek物联网专区</a></span><br /> <iframe width="63" height="24" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" scrolling="no" border="0" src="http://widget.weibo.com/relationship/followbutton.php?language=zh_cn&width=63&height=24&uid=1642909335&style=1&btn=red&dpc=1"></iframe>
				</li>

				<li><p><a href="http://weibo.com/embedseek" target="_BLACK"><img src="img/icons/embed.png" /></a></p>
					<span><a href="http://weibo.com/embedseek" target="_BLACK">Soiseek嵌入式专区</a></span><br /> <iframe width="63" height="24"frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" scrolling="no" border="0" src="http://widget.weibo.com/relationship/followbutton.php?language=zh_cn&width=63&height=24&uid=1642909335&style=1&btn=red&dpc=1"></iframe>
				</li>
				
				<li><p><a href="http://weibo.com/miseek" target="_BLACK"><img src="img/icons/mi.png" /></a></p>
					<span><a href="http://weibo.com/miseek" target="_BLACK">Soiseek移动互联网专区</a></span><br /> <iframe width="63" height="24"frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" scrolling="no" border="0" src="http://widget.weibo.com/relationship/followbutton.php?language=zh_cn&width=63&height=24&uid=1642909335&style=1&btn=red&dpc=1"></iframe>
				</li>
			</ul>
		</div>
	</div>
	<!--#QYHD#通知栏-->
	<div id="noticebar">
		<a class="noticebar-close"><img src="img/icons/close_icon.png" /></a>
		<div class="noticebar-content">
			<!--#GWJ#实现通知栏图标可以拖拽pin到win7的任务栏上-->
			试试把Soiseek的图标 
			<img class="msPinSite" title="直接拖拽到任务栏吧"
			src="img/favicon.ico" width="32" height="32" style="cursor:move;" />
			直接拖拽屏幕底部的任务栏上 
		</div>
	</div>

	<!--#QYHD#通知栏_END-->
	<div id="wrapper" class="clearfix"> 
	  <!--#QYHD#头部-->
	  <div id="header">
		<h1 id="logo"><a href="#">Soiseek</a></h1>
		<div id="search">
				<form action="#" name="searchForm" id="searchForm" method="post">
					<input id="search_btn" type="text" name="s" class="keyword" value="请输入搜索关键字" /> 
					<input type="submit" name="s_btn" class="s_btn" value="" />
				</form>
			</div>
		<div id="profile"> 
				
		  <div id="status">
		
			<ul class="ultopright">
<li class="topright">
         <a href="http://www.soiseek.cn">首页</a>&nbsp;&nbsp;<a id="opennews">资讯<img src="img/downarrow.gif" /></a>&nbsp;&nbsp;<a  href="#">问答</a>&nbsp;&nbsp;<a id="openLogin" href="#">登录</a>
                 <div id="newsbox" style="display:none">
                <a class="" href="http://weibo.com/soiseek">新闻</a><br />
				<a class="" href="http://t.qq.com/soiseek">技术文章</a><br />
				<a class="" href="http://t.163.com/soiseek">博客</a><br />
                </div>
		</li>
			</ul>
		  </div>
		</div>
	  </div>
	  <!--#QYHD#头部_END--> 

	  <!--#QYHD#主体区域-->
	  <div id="container">     
		<!--#GWJ# 更换了位置，首页侧栏放到下面，为了在最小的时候，侧栏菜单能排到最下面-->
		<!--#QYHD#首页内容区域-->
		<div id="index_main"> 
			<!--#GWJ# 修改后的metro boxes,去掉 col div, 为每个block增加一个class:box-->
			<!--#GWJ#左1-->
			<div id = "block1" class="box block bg1"> 
			  <!--#GWJ#默认内容-->
			  <div class="default_content">
				<h2><a href="#">华为涉足手势感应：无需触摸轻松操作</a></h2>
				<div class="indexcontent"><div class="thumbnail"><a href="#"><img src="http://www.worldmetro2010.com/photo/photo4.gif" /></a></div>
				<div class="entry"> <a href="">想象下，如果有真人版水果忍者，用身体切水果是不是种特别的体验？完成这样的体验，就需要手势感应技术来发挥作用了。继触摸感应之后，手势感应技术已经成为很多厂商研究的新方向。想象下，如果有真人版水果忍者，用身体切水果是不是种特别的体验？完成这样的体验，就需要手势感应技术来发挥作用了。继触摸感应之后，手势感应技术已经成为很多厂商研究的新方向。</a></div>
				</div><div class="side"> <a href="#" class="icon1">icon1</a> <a href="#" class="icon2">icon2</a> <a href="#" class="icon3">icon3</a> </div>
				<div class="clear"></div>
				<div class="meta">
				  <h3><a href="#">新闻</a></h3>
				  <span class="more"><a href="#">阅读更多</a></span> </div>
			  </div>
			  <!--#GWJ#展开内容-->
			  <div class="more_content">
				<ul>
				  <li><a href=/40-jquery-plugin-code/>40佳网页设计常用经典jQuery插件代码</a></li>
				  <li><a href=/jquery-position-fixed-bug/>jQuery仿淘宝店铺浮动层上下滚动固定效果插件</a></li>
				  <li><a href=/jquery-carousel/>jQuery旋转木马</a></li>
				  <li><a href=/jquery-tab/>jQuery tab选项卡插件(可多次使用)</a></li>
				  <li><a href=/jquery-scroll-position-fixed/>jQuery实现页面滚动时层智能浮动定位</a></li>
				  <li><a href=/40-jquery-plugin-code/>40佳网页设计常用经典jQuery插件代码</a></li>
				  <li><a href=/jquery-position-fixed-bug/>jQuery仿淘宝店铺浮动层上下滚动固定效果插件</a></li>
				  <li><a href=/jquery-carousel/>jQuery旋转木马</a></li>
				  <li><a href=/jquery-tab/>jQuery tab选项卡插件(可多次使用)</a></li>
				  <li><a href=/jquery-scroll-position-fixed/>jQuery实现页面滚动时层智能浮动定位</a></li>
				  <li><a href="http://www.wufangbo.com/css-hack/" title="各种浏览器的Hack写法(chrome firefox ie等)">各种浏览器的Hack写法(chrome firefox ie等)</a> (1)</li>
				  <li><a href="http://www.wufangbo.com/ie-inline-block/" title="让IE6区块元素具备display:inline-block属性">让IE6区块元素具备display:inline-block属性</a> (0)</li>
				</ul>
			  </div>
			  <!--#GWJ#遮罩效果-->
			  <div class="overlay"></div>
			</div>
			
			<!--#GWJ#左2-->
			<div id="block2" class="box block bg2"> 
			  <!--#GWJ#默认内容-->
			  <div class="default_content">
				<h2><a href="#">华为涉足手势感应：无需触摸轻松操作</a></h2>
				<div class="indexcontent"><div class="thumbnail"><a href="#"><img src="img/thumb.jpg" /></a></div>
				<div class="entry"> <a href="">想象下，如果有真人版水果忍者，用身体切水果是不是种特别的体验？完成这样的体验，就需要手势感应技术来发挥作用了。继触摸感应之后，手势感应技术已经成为很多厂商研究的新方向。 </a></div>
				</div><div class="side"><a href="#" class="icon1">icon1</a> <a href="#" class="icon2">icon2</a> <a href="#" class="icon3">icon3</a> </div>
				<div class="clear"></div>
				<div class="meta">
				  <h3><a href="#">新闻</a></h3>
				  <span class="more"><a href="#">阅读更多</a></span> </div>
			  </div>
			  <!--#GWJ#展开内容-->
			  <div class="more_content">
			   <ul>
				  <li><a href=/40-jquery-plugin-code/>40佳网页设计常用经典jQuery插件代码</a></li>
				  <li><a href=/jquery-position-fixed-bug/>jQuery仿淘宝店铺浮动层上下滚动固定效果插件</a></li>
				  <li><a href=/jquery-carousel/>jQuery旋转木马</a></li>
				  <li><a href=/jquery-tab/>jQuery tab选项卡插件(可多次使用)</a></li>
				</ul>
			  </div>
			  <!--#GWJ#遮罩效果-->
			  <div class="overlay"></div>
			</div>
			
			<!--#GWJ#左3-->
			<div id="block3" class="box block bg3"> 
			  <!--#GWJ#默认内容-->
			  <div class="default_content">
				<h2><a href="#">华为涉足手势感应：无需触摸轻松操作</a></h2>
				<div class="indexcontent"><div class="thumbnail"><a href="#"><img src="img/thumb.jpg" /></a></div>
				<div class="entry"> <a href="">想象下，如果有真人版水果忍者，用身体切水果是不是种特别的体验？完成这样的体验，就需要手势感应技术来发挥作用了。继触摸感应之后，手势感应技术已经成为很多厂商研究的新方向。 </a></div>
				</div><div class="side"> <a href="#" class="icon1">icon1</a> <a href="#" class="icon2">icon2</a> <a href="#" class="icon3">icon3</a> </div>
				<div class="clear"></div>
				<div class="meta">
				  <h3><a href="#">新闻</a></h3>
				  <span class="more"><a href="#">阅读更多</a></span> </div>
			  </div>
			  <!--#GWJ#展开内容-->
			  <div class="more_content">
			   <ul>
				  <li><a href=/40-jquery-plugin-code/>40佳网页设计常用经典jQuery插件代码</a></li>
				  <li><a href=/jquery-position-fixed-bug/>jQuery仿淘宝店铺浮动层上下滚动固定效果插件</a></li>
				  <li><a href=/jquery-carousel/>jQuery旋转木马</a></li>
				  <li><a href=/jquery-tab/>jQuery tab选项卡插件(可多次使用)</a></li>
				  <li><a href=/jquery-scroll-position-fixed/>jQuery实现页面滚动时层智能浮动定位</a></li>
				  <li><a href="http://www.wufangbo.com/css-hack/" title="各种浏览器的Hack写法(chrome firefox ie等)">各种浏览器的Hack写法(chrome firefox ie等)</a> (1)</li>
				  <li><a href="http://www.wufangbo.com/ie-inline-block/" title="让IE6区块元素具备display:inline-block属性">让IE6区块元素具备display:inline-block属性</a> (0)</li>
				</ul>
			  </div>
			  <!--#GWJ#遮罩效果-->
			  <div class="overlay"></div>
			</div>
		  
			<!--#GWJ#中1-->
			<div id="block4" class="box block bg4"> 
			  <!--#GWJ#默认内容-->
			  <div class="default_content">
				<h2><a href="#">华为涉足手势感应：无需触摸轻松操作</a></h2>
				<div class="indexcontent"><div class="thumbnail"><a href="#"><img src="img/thumb.jpg" /></a></div>
				<div class="entry"> <a href="">想象下，如果有真人版水果忍者，用身体切水果是不是种特别的体验？完成这样的体验，就需要手势感应技术来发挥作用了。继触摸感应之后，手势感应技术已经成为很多厂商研究的新方向。 </a></div>
				</div><div class="side"> <a href="#" class="icon1">icon1</a> <a href="#" class="icon2">icon2</a> <a href="#" class="icon3">icon3</a> </div>
				<div class="clear"></div>
				<div class="meta">
				  <h3><a href="#">新闻</a></h3>
				  <span class="more"><a href="#">阅读更多</a></span> </div>
			  </div>
			  <!--#GWJ#展开内容-->
			  <div class="more_content">
			   <ul>
				  <li><a href=/40-jquery-plugin-code/>40佳网页设计常用经典jQuery插件代码</a></li>
				  <li><a href=/jquery-position-fixed-bug/>jQuery仿淘宝店铺浮动层上下滚动固定效果插件</a></li>
				  <li><a href=/jquery-carousel/>jQuery旋转木马</a></li>
				  <li><a href=/jquery-tab/>jQuery tab选项卡插件(可多次使用)</a></li>
				  <li><a href=/jquery-scroll-position-fixed/>jQuery实现页面滚动时层智能浮动定位</a></li>
				  <li><a href="http://www.wufangbo.com/css-hack/" title="各种浏览器的Hack写法(chrome firefox ie等)">各种浏览器的Hack写法(chrome firefox ie等)</a> (1)</li>
				  <li><a href="http://www.wufangbo.com/ie-inline-block/" title="让IE6区块元素具备display:inline-block属性">让IE6区块元素具备display:inline-block属性</a> (0)</li>
				</ul>
			  </div>
			  <!--#GWJ#遮罩效果-->
			  <div class="overlay"></div>
			</div>
			
			<!--#GWJ#中2-->
			<div id="block5" class="box block2">
			  <div class="small bg8"><a href="#" title="我的账户"><span>我的账户</span></a></div>
			  <div class="small bg9 last"><a href="#" title="页面设置"><span>页面设置</span></a></div>
			</div>
			
			<!--#GWJ#中3-->
			<div id="block6" class="box block2">
			  <div class="small bg10"><a href="#" title="发送反馈"><span>发送反馈</span></a></div>
			  <div class="small bg11 last" id="focus_btn_area"><a href="#" title="关注微博"><span>关注微博</span></a></div>
			</div>
		  
			<!--#GWJ#右1-->
			<div id="block7" class="box block bg5"> 
			  <!--#GWJ#默认内容-->
			  <div class="default_content">
				<h2><a href="#">华为涉足手势感应：无需触摸轻松操作</a></h2>
				<div class="indexcontent"><div class="thumbnail"><a href="#"><img src="img/thumb.jpg" /></a></div>
				<div class="entry"><a href=""> 想象下，如果有真人版水果忍者，用身体切水果是不是种特别的体验？完成这样的体验，就需要手势感应技术来发挥作用了。继触摸感应之后，手势感应技术已经成为很多厂商研究的新方向。 </a></div>
				</div><div class="side"> <a href="#" class="icon1">icon1</a> <a href="#" class="icon2">icon2</a> <a href="#" class="icon3">icon3</a> </div>
				<div class="clear"></div>
				<div class="meta">
				  <h3><a href="#">新闻</a></h3>
				  <span class="more"><a href="#">阅读更多</a></span> </div>
			  </div>
			  <!--#GWJ#展开内容-->
			  <div class="more_content">
			   <ul>
				  <li><a href=/40-jquery-plugin-code/>40佳网页设计常用经典jQuery插件代码</a></li>
				  <li><a href=/jquery-position-fixed-bug/>jQuery仿淘宝店铺浮动层上下滚动固定效果插件</a></li>
				  <li><a href=/jquery-carousel/>jQuery旋转木马</a></li>
				  <li><a href=/jquery-tab/>jQuery tab选项卡插件(可多次使用)</a></li>
				  <li><a href=/jquery-scroll-position-fixed/>jQuery实现页面滚动时层智能浮动定位</a></li>
				  <li><a href="http://www.wufangbo.com/css-hack/" title="各种浏览器的Hack写法(chrome firefox ie等)">各种浏览器的Hack写法(chrome firefox ie等)</a> (1)</li>
				  <li><a href="http://www.wufangbo.com/ie-inline-block/" title="让IE6区块元素具备display:inline-block属性">让IE6区块元素具备display:inline-block属性</a> (0)</li>
				</ul>
			  </div>
			  <!--#GWJ#遮罩效果-->
			  <div class="overlay"></div>
			</div>
			
			<!--#GWJ#右2-->
			<div id="block8"  class="box block bg6"> 
			  <!--#GWJ#默认内容-->
			  <div class="default_content">
				<h2><a href="#">华为涉足手势感应：无需触摸轻松操作</a></h2>
				<div class="indexcontent"><div class="thumbnail"><a href="#"><img src="img/thumb.jpg" /></a></div>
				<div class="entry"><a href=""> 想象下，如果有真人版水果忍者，用身体切水果是不是种特别的体验？完成这样的体验，就需要手势感应技术来发挥作用了。继触摸感应之后，手势感应技术已经成为很多厂商研究的新方向。 </a></div>
				</div><div class="side"> <a href="#" class="icon1">icon1</a> <a href="#" class="icon2">icon2</a> <a href="#" class="icon3">icon3</a> </div>
				<div class="clear"></div>
				<div class="meta">
				  <h3><a href="#">新闻</a></h3>
				  <span class="more"><a href="#">阅读更多</a></span> </div>
			  </div>
			  <!--#GWJ#展开内容-->
			  <div class="more_content">
			   <ul>
				  <li><a href=/40-jquery-plugin-code/>40佳网页设计常用经典jQuery插件代码</a></li>
				  <li><a href=/jquery-position-fixed-bug/>jQuery仿淘宝店铺浮动层上下滚动固定效果插件</a></li>
				  <li><a href=/jquery-carousel/>jQuery旋转木马</a></li>
				  <li><a href=/jquery-tab/>jQuery tab选项卡插件(可多次使用)</a></li>
				  <li><a href=/jquery-scroll-position-fixed/>jQuery实现页面滚动时层智能浮动定位</a></li>
				  <li><a href="http://www.wufangbo.com/css-hack/" title="各种浏览器的Hack写法(chrome firefox ie等)">各种浏览器的Hack写法(chrome firefox ie等)</a> (1)</li>
				  <li><a href="http://www.wufangbo.com/ie-inline-block/" title="让IE6区块元素具备display:inline-block属性">让IE6区块元素具备display:inline-block属性</a> (0)</li>
				</ul>
			  </div>
			  <!--#GWJ#遮罩效果-->
			  <div class="overlay"></div>
			</div>
			
			<!--#GWJ#右3-->
			<div id="block9" class="box block bg7"> 
			  <!--#GWJ#默认内容-->
			  <div class="default_content">
				<h2><a href="#">华为涉足手势感应：无需触摸轻松操作</a></h2>
				<div class="indexcontent"><div class="thumbnail"><a href="#"><img src="img/thumb.jpg" /></a></div>
				<div class="entry"><a href=""> 想象下，如果有真人版水果忍者，用身体切水果是不是种特别的体验？完成这样的体验，就需要手势感应技术来发挥作用了。继触摸感应之后，手势感应技术已经成为很多厂商研究的新方向。 </a></div>
				</div><div class="side"> <a href="#" class="icon1">icon1</a> <a href="#" class="icon2">icon2</a> <a href="#" class="icon3">icon3</a> </div>
				<div class="clear"></div>
				<div class="meta">
				  <h3><a href="#">新闻</a></h3>
				  <span class="more"><a href="#">阅读更多</a></span> </div>
			  </div>
			  <!--#GWJ#展开内容-->
			  <div class="more_content">
			   <ul>
				  <li><a href=/40-jquery-plugin-code/>40佳网页设计常用经典jQuery插件代码</a></li>
				  <li><a href=/jquery-position-fixed-bug/>jQuery仿淘宝店铺浮动层上下滚动固定效果插件</a></li>
				  <li><a href=/jquery-carousel/>jQuery旋转木马</a></li>
				  <li><a href=/jquery-tab/>jQuery tab选项卡插件(可多次使用)</a></li>
				  <li><a href=/jquery-scroll-position-fixed/>jQuery实现页面滚动时层智能浮动定位</a></li>
				  <li><a href="http://www.wufangbo.com/css-hack/" title="各种浏览器的Hack写法(chrome firefox ie等)">各种浏览器的Hack写法(chrome firefox ie等)</a> (1)</li>
				  <li><a href="http://www.wufangbo.com/ie-inline-block/" title="让IE6区块元素具备display:inline-block属性">让IE6区块元素具备display:inline-block属性</a> (0)</li>
				</ul>
			  </div>
			  <!--#GWJ#遮罩效果-->
			  <div class="overlay"></div>
			</div>

		</div>
		<!--#QYHD#首页内容区域_END--> 
		
		<!--#QYHD#首页侧栏菜单-->
		<div id="index_sidebar">
			<div class="total_cats"><a href="#">全部分类</a></div>
			<div class="mycats">
				<!--#QYHD#菜单项-->
				<div class="item">
					<div class="item_hd">
						<a href="#" class="parent">IC型号大全</a>
						<p class="sub_cats"><a href="#">NXP</a> <a href="#">ABB</a> <a href="#">CTS</a></p>
					</div>
					<!--#GWJ#子菜单-->
					<div class="sub_menu">
					  <dl>
						<dt>标题</dt>
						<dd><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					  <dl>
						<dt>长标题演示</dt>
						<dd><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					</div>
				</div>   
				
				<!--#QYHD#菜单项-->
				<div class="item"> 
					<div class="item_hd">
						<a href="#" class="parent">IC型号大全</a>
						<p class="sub_cats"><a href="#">NXP</a> <a href="#">ABB</a> <a href="#">CTS</a></p>
					</div>
					<!--#GWJ#子菜单-->
					<div class="sub_menu">
					  <dl>
						<dt>标题</dt>
						<dd><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					  <dl>
						<dt>长标题演示</dt>
						<dd><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					  <dl>
						<dt>标题</dt>
						<dd><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					  <dl>
						<dt>长标题演示</dt>
						<dd><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					   <dl>
						<dt>标题</dt>
						<dd><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					  <dl>
						<dt>长标题演示</dt>
						<dd><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					</div>
				</div>
			
				<!--#QYHD#菜单项-->
				<div class="item"> 
					<div class="item_hd">
						<a href="#" class="parent">IC型号大全</a>
						<p class="sub_cats"><a href="#">NXP</a> <a href="#">ABB</a> <a href="#">CTS</a></p>
					</div>
					<!--#GWJ#子菜单-->
					<div class="sub_menu">
					   <dl>
						<dt>标题</dt>
						<dd><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					  <dl>
						<dt>长标题演示</dt>
						<dd><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					   <dl>
						<dt>标题</dt>
						<dd><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					  <dl>
						<dt>长标题演示</dt>
						<dd><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					   <dl>
						<dt>标题</dt>
						<dd><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					  <dl>
						<dt>长标题演示</dt>
						<dd><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					</div>
				</div>

				<!--#QYHD#菜单项-->
				<div class="item"> 
					<div class="item_hd">
						<a href="#" class="parent">IC型号大全</a>
						<p class="sub_cats"><a href="#">NXP</a> <a href="#">ABB</a> <a href="#">CTS</a></p>
					</div>
					<!--#GWJ#子菜单-->
					<div class="sub_menu">
					 <dl>
						<dt>标题</dt>
						<dd><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					  <dl>
						<dt>长标题演示</dt>
						<dd><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					   <dl>
						<dt>标题</dt>
						<dd><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					  <dl>
						<dt>长标题演示</dt>
						<dd><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					   <dl>
						<dt>标题</dt>
						<dd><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					  <dl>
						<dt>长标题演示</dt>
						<dd><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
					  </dl>
					</div>
				</div>
		  
				<!--#QYHD#菜单项-->
				<div class="item"> 
					<div class="item_hd">
						<a href="#" class="parent">IC型号大全</a>
						<p class="sub_cats"><a href="#">NXP</a> <a href="#">ABB</a> <a href="#">CTS</a></p>
					</div>
					<!--#GWJ#子菜单-->
					<div class="sub_menu">
						<dl>
							<dt>标题</dt>
							<dd><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
						  </dl>
						  <dl>
							<dt>长标题演示</dt>
							<dd><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
						  </dl>
						   <dl>
							<dt>标题</dt>
							<dd><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
						  </dl>
						  <dl>
							<dt>长标题演示</dt>
							<dd><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类2</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
						  </dl>
						   <dl>
							<dt>标题</dt>
							<dd><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a><a href="#">子分类1</a></dd>
						</dl>
					</div>
				</div>
			</div>
		</div>
		<!--#QYHD#首页侧栏菜单_END--> 
	  </div>
	  <!--#QYHD#主体区域_END--> 
	  
	  <!--#QYHD#底部-->
	  <div id="footer" class="clearfix">
		<div class="copyright">&copy; 2009-2012 Soiseek.cn 沪备ICP10038126号</div>
		<div class="foot_menu">
		  <ul>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">发送反馈</a></li>
			<li><a href="#">设为首页</a></li>
			<li><a href="#">型号大全</a></li>
			<li><a href="#">英文版</a></li>
		  </ul>
		</div>
	  </div>
	  <!--#QYHD#底部_END--> 
	</div>
	
	<script type="text/javascript">
		showNoticebar();
		// #GWJ# html string 为要显示的html内容，html为空，则自动检测IE9,显示默认的pin2taskbar内容
		// #GWJ# duration int 为持续时间(毫秒)，到时自动关闭，不传入不自动关闭
		$(function(){
			//#GWJ# 自动检测IE9
			showNoticebar(null,30000);//30秒后关闭
			//#GWJ# 显示自定义内容
			//#GWJ# showNoticebar('Soiseek 最新通知 <img src="/img/favicon.ico" width="16"/>....');
		});
		<!--#ZEEVIN#动态调整搜索框宽度-->
		  var window_with = $(window).width();
		  
		  var new_width=420;
		  if(window_with<590){
			  new_width=283;
		  }else if(window_with>590 && window_with<=980){
			  new_width=245;
		  }else{
			  new_width=420;
			  }
			//$("#s").width(new_width);
		  if ($.browser.msie && ($.browser.version == "6.0") ) { 
			  new_width = 420;
				} 
		$("#search_btn").width(new_width);
		
		$(window).resize(function(){
			var window_with = $(window).width();
			if(window_with<590){
				  new_width=283;
			  }else if(window_with>590 && window_with<=980){
				  new_width=245;
			  }else{
				  new_width=420;
				  }
				$("#search_btn").width(new_width);
			    
			}); 
	</script>
</body>
</html>



